---
title: 'features'
sidebar:
  order: 11
  title: features
---

Parent: [main.js|ts configuration](./main-config.mdx)

Type:

<If renderer="react">

```ts
{
  actions?: boolean;
  argTypeTargetsV7?: boolean;
  backgrounds?: boolean;
  controls?: boolean;
  developmentModeForBuild?: boolean;
  experimentalTestSyntax?: boolean;
  highlight?: boolean;
  interactions?: boolean;
  legacyDecoratorFileOrder?: boolean;
  measure?: boolean;
  outline?: boolean;
  toolbars?: boolean;
  viewport?: boolean;
}
```
</If>

<If renderer="angular">

```ts
{
  actions?: boolean;
  angularFilterNonInputControls?: boolean;
  argTypeTargetsV7?: boolean;
  backgrounds?: boolean;
  controls?: boolean;
  developmentModeForBuild?: boolean;
  highlight?: boolean;
  interactions?: boolean;
  legacyDecoratorFileOrder?: boolean;
  measure?: boolean;
  outline?: boolean;
  toolbars?: boolean;
  viewport?: boolean;
}
```
</If>

<If notRenderer={['react','angular']}>

```ts
{
  actions?: boolean;
  argTypeTargetsV7?: boolean;
  backgrounds?: boolean;
  controls?: boolean;
  developmentModeForBuild?: boolean;
  highlight?: boolean;
  interactions?: boolean;
  legacyDecoratorFileOrder?: boolean;
  measure?: boolean;
  outline?: boolean;
  toolbars?: boolean;
  viewport?: boolean;
}
```
</If>


Enables Storybook's additional features.

## `actions`

Type: `boolean`

Enable the [Actions](../../essentials/actions.mdx) feature.

<If renderer="angular">

## `angularFilterNonInputControls`

Type: `boolean`

Filter non-input controls in Angular.

</If>

## `argTypeTargetsV7`

(⚠️ **Experimental**)

Type: `boolean`

Filter args with a "target" on the type from the render function.

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-features-arg-type-targets-v7.md" />

{/* prettier-ignore-end */}

## `backgrounds`

Type: `boolean`

Enable the [Backgrounds](../../essentials/backgrounds.mdx) feature.

## `controls`

Type: `boolean`

Enable the [Controls](../../essentials/controls.mdx) feature.

## `developmentModeForBuild`

Type: `boolean`

Set `NODE_ENV` to `'development'` in built Storybooks for better testing and debugging capabilities.

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-features-development-mode-for-build.md" />

{/* prettier-ignore-end */}

<If renderer="react">

## `experimentalTestSyntax`

(⚠️ **Experimental**)

Type: `boolean`

Enable the [experimental `.test` method with the CSF Next format](../csf/csf-next#storytest).

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-features-experimental-test-syntax.md" />

{/* prettier-ignore-end */}

</If>

## `highlight`

Type: `boolean`

Enable the [Highlight](../../essentials/highlight.mdx) feature.

## `interactions`

Type: `boolean`

Enable the [Interactions](../../writing-tests/interaction-testing.mdx#debugging-interaction-tests) feature.

## `legacyDecoratorFileOrder`

Type: `boolean`

Apply decorators from preview.js before decorators from addons or frameworks. [More information](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#changed-decorator-order-between-previewjs-and-addonsframeworks).

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-features-legacy-decorator-file-order.md" />

{/* prettier-ignore-end */}

## `measure`

Type: `boolean`

Enable the [Measure](../../essentials/measure-and-outline.mdx#measure) feature.

## `outline`

Type: `boolean`

Enable the [Outline](../../essentials/measure-and-outline.mdx#outline) feature.

## `toolbars`

Type: `boolean`

Enable the [Toolbars](../../essentials/toolbars.mdx) feature.

## `viewport`

Type: `boolean`

Enable the [Viewport](../../essentials/viewport.mdx) feature.
